<gm:page title="Calendrier de Laura" authenticate="true">
  

  
  <gm:data id="myData" data="http://www.google.com/calendar/feeds/laura.destaerke%40gmail.com/public/full?orderby=starttime&sortorder=ascending"/>

  <table class="gm-padded" style="width:100%">
    <tr valign="top">
      <td style="width:250px">
        <gm:list id="myList" data="${myData}" pagesize="5" template="myListTemplate">
          <gm:handleEvent event="select" src="myCalendar"/>
        </gm:list>
      </td>
      <td>       
        <gm:calendar id="myCalendar"   data="${myList}">
          <gm:handleEvent src="myList" event="select"/>
        </gm:calendar>
      </td>
    </tr>
    <tr>
      <td>       
        <gm:item id="myItem" template="myItemTemplate">
          <gm:handleEvent event="select" src="myCalendar"/>
          <gm:handleEvent event="select" src="myList"/>
        </gm:item>
      </td>
      <td>

      </td> 
    </tr>
  </table>


   

  <gm:template id="myListTemplate">  
    <table class="blue-theme" style="width:220px">
      <tr> <td> <b> Activités </b>  </td> </tr> 
      <tr repeat="true">
        <td style="width:50px"><gm:date ref="gd:when/@startTime"></td>
        <td><gm:html ref="atom:title"/></td>
      </tr>
      <tfoot>
        <tr>
          <td colspan="2" align="center"><gm:pager compact="true"/></td>
        </tr>
      </tfoot>
    </table>
  </gm:template>

  <gm:template id="myItemTemplate">
    <table>
      <tr>
        <td style="font-size:18px">
          <gm:text ref="atom:title"/><br/>
          <i><gm:text ref="gd:where/@valueString"/></i><br/>
          <b><gm:date ref="gd:when/@startTime"/></b>
        </td>
      </tr>
    </table>
  </gm:template>

</gm:page>

